<template>
  <div class="page-permission">
    <van-popup v-model:show="show" style="border-radius: 8px;" :close-on-click-overlay="false">
      <div class="page-permission-content">
        <div class="page-permission-lingdang"></div>
        <div class="page-permission-text">{{title}}</div>
      </div>
    </van-popup>
  </div>
</template>

<script setup>
import { ref, defineProps } from 'vue'
const show = ref(true)
defineProps({
  title: {
    type: String,
    default: ''
  }
})
</script>

<style lang="scss" scoped>
.page-permission{
  &-content{
    padding: 12px;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    width: 70vw;
  }
  &-lingdang{
    height: 160px;
    width: 160px;
    background: url('@/assets/png/permission.jpg') center center no-repeat;
    background-size: 160px auto;
    margin: 0 auto;
  }
  &-text{
    text-align: center;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 40px;
    color: #2a2a2a;
  }
}
</style>